
/*     F O R M   T E M P L A T E    */
/*  =============================== */

input.ButtonForm { font-weight: bold; cursor: pointer}

#Template-Form { margin: auto;  width: 92.5%}


.Template-Form-Container { font-family: "Helvetica"; color: #666 }
.Template-Form-Container.Hidden input { background: #ccc; color: #999 }
.Template-Form-Container ul {  min-height:35px; padding: 0px; border:1px }
.Template-Form-Container ul li {  min-height:35px; float: left;  list-style: none; padding: 0px;  }
.Template-Form-Container ul li.Left { width:30%; vertical-align: middle; padding-top:5px }
.Template-Form-Container ul li.Right { min-height: 35px; width:70%;  }
.Template-Form-Container ul li.Right input { width: 85%; padding-right: 30px }
.Template-Form-Container ul li.Right input.DatePicker { width: 200px; padding-right: 30px; margin-right: 10px }
.Template-Form-Container ul li.Right select { width: 85%; padding-right: 30px }

.Template-Form-Container ul.Textarea { height: 120px;  } 
.Template-Form-Container ul li.Right textarea { width: 85%; padding-right: 30px; height: 100px; padding-top: 5px  }

.Template-Form-Container ul li.Right span.Input-Container { display:block }


.Template-Form-Container ul.Textarea li  .BackspaceButton { float: right;display:none; cursor:pointer; margin-right: 20px  }

.Template-Form-Container  .BackspaceButton { display:none; cursor:pointer;  }
.Template-Form-Container.Submit {margin:10px 0px; padding:20px 0px; text-align: center; border-top:2px solid #ccc}
.Template-Form-Container.Submit div { }

h1.Template-Form {
    text-align: center; color: #666; 
    text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.3);
    margin-bottom: 50px;
}

fieldset.Template-Form {
    border:2px solid #333; margin-bottom: 50px;
    -moz-border-radius-topleft: 8px/*{cornerRadius}*/; -webkit-border-top-left-radius: 8px/*{cornerRadius}*/; border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px/*{cornerRadius}*/; -webkit-border-top-right-radius: 8px/*{cornerRadius}*/; border-top-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 8px/*{cornerRadius}*/; border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 8px/*{cornerRadius}*/; border-bottom-right-radius: 8px;
    background: #eaf5ff;
}

hr.Template-Form{
    border:none; border-bottom:2px solid #333; 
}

a.Template-Form{
    color:#333; text-decoration: none;
    text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.3);
}

a.Template-Form:hover{
    text-decoration: underline;
}
.MultiForm  {
   
   display: none;
}
.MultiForm.First  {
   display: block; border: none;
}

.MultiForm.top {
    border-top:2px solid;
    padding-top: 20px
}

.button.MultiForm {
    width: 100px; font-size: 12px;
    display: block; 
}


/*   F O R M   V A L I D A T I O N  */
/*  =============================== */
div.FormInfo-Container  ul { width: 100%; padding:0px; height: 15px; display:none;  }
div.FormInfo-Container  ul li {  vertical-align:top; float: left; list-style: none }
div.FormInfo-Container  ul li.Left { width:30%; min-height: 15px }
div.FormInfo-Container  ul li.Right { width:70%;  }
.FormInfo-Container  .FormInfo-Info{
    font-size: 12px; font-style:italic;
}
.FormInfo-Alert{
    font-size: 12px; font-style:italic; color:#ff0000; 
}
.error-form{
    border: 2px #ff0000 solid; background-color:#fce3c5;
}

.Help.Button {
    margin-right: 10px
}

.Helper-Container {
    border: 2px solid #ccc; padding: 5px; -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px;
    width:350px ;
    background: #e6e6e6; color: #333333; font-style:italic; font-size: 12px; display:none;
    position: absolute;
}

.Helper-Container  div  { padding-bottom:10px; margin-bottom:5px; border-bottom:2px solid #999}
.Helper-Container  div h1 { color:#999; position:absolute; margin-top:0px; font-size:14px }

.FormInfo-Helper {display:none; position: relative; float: right; margin-top: -45px; margin-right: 50px;}

.Button { cursor: pointer}

.Button.Pilih { padding: 5px 10px; font-weight: bold; font-size: 17px; background: url(../images/button-standard_bg.jpg) repeat-x #074274 center;  
              color:#fff; border-color: #fff;
              height: 40px; width:200px;
}

.Button.Pilih:hover {
    font-size: 19px; 
}

